.mbuy-layout {
  background-color: #fff;
}
.nav-list {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ccc;
  line-height: 1.125rem /* 72/64 */;
  padding-left: .25rem /* 16/64 */;
  font-size: .4375rem /* 28/64 */;
  height: 1.125rem /* 72/64 */;
  background-color: #ebebeb;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ebebeb));
  a {
    color: #000;
  }
}
.mbuy-hot {
  font-size: .5rem /* 32/64 */;
  color: #874604;
  height: 1.25rem /* 80/64 */;
  line-height: 1.25rem /* 80/64 */;
  background-color: #eee;
  padding-left: .3125rem /* 20/64 */;
  font-weight: 700;
  font-size: .4375rem /* 28/64 */;
  border-bottom: 1px solid #ccc;
}
a {
  color: #000;
}
.rows {
  ul {
    li {
      border-bottom: 1px solid #e7e7e7;
      padding: .3125rem /* 20/64 */;
      background-image: url(../images/arrow-right.svg);
      background-repeat: no-repeat;
      background-size: 20px 20px;
      background-position: right center;
      em {
        display: inline-block;
        width: .625rem /* 40/64 */;
        height: .625rem /* 40/64 */;
        text-align: center;
        background: #c9c9c9;
        color: #FFFFFF;
        line-height: .625rem /* 40/64 */;
        vertical-align: top;
        margin: 0 .15625rem /* 10/64 */ 0 0;
        font-size: .4375rem /* 28/64 */;
        font-style: normal;
      }
      span {
        font-size: .5rem /* 32/64 */
      }
      p {
        color: #999;
        margin-top: .09375rem /* 6/64 */;
        font-size: .4375rem /* 28/64 */;
        padding-left: .875rem /* 56/64 */;
      }
      &:nth-child(1) {
        em {
          background-color: red;
        }
      }
      &:nth-child(2) {
        em {
          background-color: #ff9314;
        }
      }
      &:nth-child(3) {
        em {
          background-color: #8adf5b;
        }
      }
    }
  }
}

.much-list {
  ul {
    li {
      height: 3.6875rem /* 236/64 */;
      padding:  .3125rem /* 20/64 */ .3125rem /* 20/64 */;
      background-color: #fff;
      border-bottom: 1px solid #e7e7e7;
      .left {
        float: left;
        width: 33.33%;

        img {
          width: 100%;
        }
      }
      .right {
        float: right;
        width: 66.66%;
        padding-left: .3125rem /* 20/64 */;
        .prc {
          p{
            font-size: .34375rem /* 22/64 */;
            line-height: .625rem /* 40/64 */;
            color: #000;

          }
        }
        .info {
          color: red;
          span {
            line-height: 1.09375rem /* 70/64 */;
          }
          em {
            font-style: normal;
            color: orange;
            font-size: .625rem /* 40/64 */;
            float: right;
          }
        }
        .other {
          font-size: .375rem /* 24/64 */;
          color: #908f95;
        }
      }
    }
  }
}

.brand-comment {
  ul {
    li {
      border-bottom: 1px solid #e7e7e7;
      padding: .3125rem /* 20/64 */;
      .protit {
        height: 3.125rem /* 200/64 */;
        margin-bottom: .3125rem /* 20/64 */;
        .pic {
          float: left;
          width: 3.4375rem /* 220/64 */;
          img {
            width: 3.125rem /* 200/64 */;
            height: 3.125rem /* 200/64 */;
          }
        }
        .tit {
          color: #999999;
          line-height: .6875rem /* 44/64 */;
          font-size: .4375rem /* 28/64 */;
        }
      }
      .plbox {
        background: #f8f8f8;
        padding: .3125rem /* 20/64 */;
        border: 1px solid #e7e7e7;
        position: relative;
        &::before {
          content: '';
          width: 0;
          height: 0;
          position: absolute;
          left: 29px;
          top: -8px;
          border-bottom: 8px solid #e7e7e7;
          border-left: 8px solid transparent;
          border-right: 8px solid transparent;
        }
        .name {
          span {
            color: orange;
            font-size: .625rem /* 40/64 */;
          }
          i {
            color: #999999;
            float: right;
            font-style: normal;
            margin-top: .09375rem /* 6/64 */;
          }
        }
        .con {
          color: #000000;
          margin-top: .3125rem /* 20/64 */;
          line-height: .6875rem /* 44/64 */;
          font-size: .46875rem /* 30/64 */;
        }
      }
    }
  }
}